@charset "utf-8";

@media(max-width: 1400px) {
	.header .w {
		max-width: 98%;
		margin: 0 auto;
	}

	.h-nav {
		margin-right: 80px;
	}

	.h-nav>li {
		padding: 0 20px;
	}

	.h-nav>li>a {
		font-size: 15px;
	}

	.h-nav>li ul>li>a {
		font-size: 15px;
		line-height: 50px;
	}

	.header .h-search {
		margin-right: -550px;
	}

	.c-title .t1 {
		margin-bottom: 15px;
	}

	.c-title .t1 span {
		font-size: 30px;
	}

	.c-title .t1 span:before {
		left: -47px;
	}

	.c-title .t1 span:after {
		right: -47px;
	}

	.c-title .t2 {
		font-size: 14px;
	}

	.index-e-list>li {
		width: 366px;
	}

	.index-e-list .dt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.index-e-list .dd {
		font-size: 14px;
	}

	.index-e-list .icon {
		margin-right: 15px;
	}

	.index-e-list .icon {
		width: 60px;
		height: 60px;
	}

	.index-e-list>li.item1 .dd {
		width: 280px;
	}

	.index-e-list>li.item2 .dd {
		font-size: 23px;
	}

	.index-e-list>li.item .icon {
		background-size: auto 40%;
	}

	.index-e .map {
		height: 300px;
	}

	.index-d-list {
		max-width: 1100px;
	}

	.index-d-list .logo2 {
		left: 25px;
		top: 25px;
	}

	.index-d-list .item1 .text {
		padding: 20px;
		width: 380px;
	}

	.index-d-list .item1 .t1 {
		font-size: 21px;
		margin-bottom: 16px;
	}

	.index-d-list .item1 .t2 {
		margin-bottom: 20px;
	}

	.index-d-list .c-text {
		padding: 30px 20px;
	}

	.index-d-list .c-text .t1 {
		font-size: 21px;
		margin-bottom: 16px;
	}

	.index-d-list .c-text .t2 {
		margin-bottom: 45px;
	}

	.index-a-cont {
		max-width: 1140px;
	}

	.index-a-more {
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: -17px;
	}

	.index-a-list>li {
		margin-bottom: 17px;
		margin-right: 16px;
	}

	.index-a-list .big {
		width: 542px;
		height: 373px;
		position: relative;
	}

	.index-a-list .big .text {
		padding-left: 22px;
		padding-right: 38px;
	}

	.index-a-list .big .text:after {
		right: 15px;
	}

	.index-a-list .big .t1 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 8px;
	}

	.index-a-list .big .t2 {
		font-size: 13px;
		line-height: 19px;
	}

	.index-a-list .big .date {
		width: 66px;
		height: 66px;
		left: 22px;
		padding-top: 8px;
	}

	.index-a-list .big .day {
		font-size: 30px;
		margin-bottom: 5px;
	}

	.index-a-list .small {
		width: 542px;
		height: 113px;
		overflow: hidden;
	}

	.index-a-list .small .img-box {
		width: 169px;
		height: 113px;
	}

	.index-a-list .small .text {
		width: 373px;
		height: 113px;
		padding: 15px 20px 10px;
	}

	.index-a-list .small .t1 {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.index-a-list .small .t2 {
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 10px;
		max-height: 38px;
	}

	.index-a-list .xs>a {
		padding-left: 40px;
		padding-top: 31px;
		padding-bottom: 30px;
	}

	.index-a-list .xs .date {
		font-size: 12px;
	}

	.index-a-list .xs .type {
		margin-right: 40px;
		padding: 0 20px;
		font-size: 12px;
	}

	.index-a-list .xs .title {
		width: 700px;
		font-size: 16px;
	}

	.index-a-list .xs>a:after {
		right: 40px;
	}
}

@media(max-width: 1200px) {
	.header {
		height: 40px;
	}

	.header .w {
		max-width: 98%;
	}

	.w1400 {
		width: 98%;
	}

	.w1400s {
		width: 98%;
	}

	.h-nav {
		display: none;
	}

	.header .h-search {
		right: 0;
		margin-right: 0;
	}

	.header .logo {
		height: 34px;
		margin-top: 3px;
	}

	.header .btn-hs {
		width: 40px;
		height: 40px;
		border: none;
		position: absolute;
		right: 40px;
		top: 0;
		margin-top: 0;
	}

	.header .btn-menu {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0px;
		top: 0;
		background-image: url(../images/menu2.png);
		cursor: pointer;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.h-nav {
		display: none;
		width: 250px;
		max-height: calc(100% - 40px);
		overflow: auto;
		position: fixed;
		right: 0;
		top: 40px;
		background-color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-right: 0;
		margin-top: 0;
	}

	.h-nav>li {
		display: block;
		padding: 0;
		height: auto;
	}

	.h-nav>li>a {
		height: 40px;
		line-height: 40px;
		padding: 0;
		width: 100%;
		padding-left: 20px;
		position: relative;
		border-bottom: none;
		font-size: 14px;
	}

	.h-nav>li>a:hover {
		color: #333;
	}

	.h-nav>li.has-nav>a:after {
		content: "";
		display: inline-block;
		border-top: 6px solid #999;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		right: 20px;
		top: 17px;
	}

	.h-nav>li.has-nav.show>a:after {
		border-top: none;
		border-bottom: 6px solid #999;
	}

	.h-nav>li.has-nav.show>ul {
		display: block;
	}

	.h-nav>li>ul {
		display: none;
		position: static;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #fff;
		margin-left: 0;
		padding: 0;
	}

	.h-nav>li>ul>li>a {
		height: 40px;
		line-height: 40px;
		padding-left: 40px;
		color: #333;
		text-align: left;
		font-size: 14px;
	}

	.h-nav>li>ul>li>a:hover {
		color: #333;
		background-color: transparent;
	}

	.h-nav>li.active>a {
		border-bottom-color: transparent;
	}

	body.menu-state .header .h-nav {
		display: block;
	}

	body.menu-state:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 100;
	}


	.c-title .t1 {
		margin-bottom: 10px;
	}

	.c-title .t1 span {
		font-size: 23px;
	}

	.c-title .t1 span:before {
		left: -37px;
	}

	.c-title .t1 span:after {
		right: -37px;
	}


	.index-e-list>li {
		width: 266px;
	}

	.index-e-list .dt {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.index-e-list>li.item1 .dd {
		width: 180px;
	}

	.index-e-list .icon {
		margin-right: 10px;
	}

	.index-e .map {
		height: 200px;
	}

	.index-d-list {
		max-width: 562px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.index-d-list .item1 {
		width: 100%;
		padding-top: 63.77%;
		margin-bottom: 1.44%;
	}

	.index-d-list .item2 {
		width: 49.28%;
		padding-top: 64.73%;
	}

	.index-d-list .item3 {
		width: 49.28%;
		padding-top: 64.73%;
	}

	.index-a {
		padding-bottom: 30px;
	}

	.index-a-cont {
		max-width: 562px;
	}

	.index-a-list {
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.index-a-list>li {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.index-a-list>li:hover {
		box-shadow: none;
	}

	.index-a-more {
		margin-top: -20px;
	}

	.index-a-list .xs>a {
		padding: 20px 0 19px 10px;
	}

	.index-a-list .xs .date {
		width: 80px;
	}

	.index-a-list .xs .type {
		height: 26px;
		line-height: 26px;
		padding: 0;
		width: 70px;
		text-align: center;
		margin-right: 10px;
	}

	.index-a-list .xs .title {
		width: 330px;
		font-size: 14px;
	}

	.index-a-list .xs>a:after {
		right: 10px;
		width: 7px;
		height: 14px;
		background-size: 100% 100%;
		margin-top: -7px;
	}

	.news_random2 ul {
		width: 100%;
	}

	.news_random2 ul li {
		width: 48%;
		float: left;
		font-size: 13px;
		line-height: 30px;
		overflow: hidden;
	}
}


@media(max-width: 900px) {
	.index-e{
		padding: 50px 0;
	}
	.c-title {
		padding-bottom: 3%;
		/* padding-top: 4%; */
	}

	.c-title .t1 span {
		font-size: 20px;
	}

	.c-title .t1 span:before {
		left: -27px;
	}

	.c-title .t1 span:after {
		right: -27px;
	}

	.c-title .t1 span:before,
	.c-title .t1 span:after {
		width: 40px;
	}

	.index-e-list>li {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.index-e-list>li:after {
		display: none;
	}

	.index-e-list>li:last-child {
		margin-bottom: 0;
	}

	.index-e-list>li.item1 .dd {
		width: 100%;
	}

	.index-e-list>li.item1 {
		text-align: center;
	}

	.index-e-list .text {
		width: 300px;
	}

	.index-e-list .dt {
		width: 100%;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.index-e-list .dd {
		width: 100%;
	}

	.index-e-list>li.item2 .dd {
		font-size: 18px;
	}

	.index-e-list .icon {
		width: 50px;
		height: 50px;
		border-width: 1px;
	}

	.index-d {
		padding-bottom: 30px;
	}


	.index_contact {
		width: 33.333%;
	}

	.ewm {
		float: left;
	}

	.index-ys-hz {
		/* background: none; */
		padding: 50px 0;
	}

	.index-ys-pic {
		width: 95%;
		margin: 0 auto;
	}

	.index-ys-pic img {
		display: block;
		clear: both;
		margin: auto;
		width: 90%;
	}

	.index-ys-content-hz {
		width: 100%;
	}

	.sy_pp {
		margin: 0;
	}

	.foot-lxfs {
		float: left;
	}

	.index-ys-wz {
		margin-left: 8px;
	}

	.title h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.title p {
		font-size: 16px;
		line-height: 20px;
	}

	.parHd {
		margin: 1% 0;
	}

	.ny_banner {
		margin-top: 40px;
	}

	.ny_about {
		margin: 6% auto;
	}

	.locate {
		width: 98%;
		padding: 0 5% !important;
		line-height: 40px;
		background: url(../images/icon-home.png) no-repeat 2% center;
	}

	.pnav {
		width: 98%;
		padding: 1% 2%;
	}

	.pnav a {
		width: 20%;
		height: 40px;
		text-align: center;
		line-height: 40px;
		border: 1px solid #e1e1e1;
		border-radius: 40px;
		margin: 1% 2%;
	}

	.pnav a:after {
		display: none;
	}

	.ny_about_img {
		width: 100%;
	}

	.ny_about_wb {
		width: 100%;
	}

	.ny_culture {
		margin: 6% auto;
	}

	.ny_culture_wb {
		width: 100%;
	}

	.ny_culture_img {
		width: 100%;
	}

	.news_random2 ul {
		width: 100%;
	}

	.news_random2 ul li {
		width: 100%;
		float: left;
		font-size: 13px;
		line-height: 30px;
		overflow: hidden;
	}

	.lxwmbg_left {
		width: 100%;
	}

	.lxwmbg_right {
		width: 100%;
	}
}


@media(max-width: 720px) {
	.focus-list .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.focus-list.swiper-container-horizontal>.swiper-pagination-bullets,
	.focus-list .swiper-pagination-custom,
	.focus-list .swiper-pagination-fraction {
		bottom: 8px;
		font-size: 0;
	}

	.index-d-list .c-text {
		padding: 0;
	}

	.index-d-list .c-text .arrow {
		display: none;
	}

	.index-d-list .c-text .t1 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.index-d-list .c-text .t2 {
		margin-left: 3% !important;
	}

	.index-d-list .item1 .text {
		width: 94%;
		padding: 3%;
	}

	.index-d-list .item1 .t1 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.index-d-list .item1 .t2 {
		margin-bottom: 0;
	}

	.index-d-list .item1 .arrow {
		display: none;
	}

	.index-d-list .logo2 {
		width: 100px;
		height: auto;
		left: 10px;
		top: 10px;
	}

	.index-a-cont.sp {
		padding-bottom: 30px;
	}

	.index-a-list .big {
		width: 100%;
		height: 0;
		padding-top: 68.84%;
	}

	.index-a-list .big .text {
		padding: 0 40px 5px 10px;
	}

	.index-a-list .big .text:after {
		right: 5px;
	}

	.index-a-list .big .t1 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
	}

	.index-a-list .big .t2 {
		font-size: 12px;
		line-height: 18px;
	}

	.index-a-list .big .date {
		width: 50px;
		height: 50px;
		left: 15px;
		padding-top: 7px;
	}

	.index-a-list .big .day {
		font-size: 23px;
		margin-bottom: 3px;
	}

	.index-a-list .big .ym {
		font-size: 12px;
	}

	.index-a-list .big>a:after {
		background-size: 100% 110px;
	}

	.index-a-list .small {
		width: 100%;
		height: auto;
	}

	.index-a-list .small>a {
		height: 74px;
		position: relative;
		padding-left: 110px;
	}

	.index-a-list .small .img-box {
		width: 110px;
		height: 74px;
		position: absolute;
		left: 0;
		top: 0;
	}

	.index-a-list .small .text {
		width: 80%;
		padding: 0 5px;
		height: auto;
		border: none;
	}

	.index-a-list .small .t1 {
		font-size: 14px;
	}

	.index-a-list .small .t2 {
		font-size: 12px;
		line-height: 16px;
		height: 32px;
		margin-bottom: 7px;
	}

	.index-a-list .small .date:before {
		width: 12px;
		height: 12px;
		background-size: 100% 100%;
		margin-right: 5px;
		vertical-align: top;
	}

	.index-a-more {
		width: 120px;
		height: 36px;
		line-height: 36px;
	}

	.index-a-list .xs>a {
		padding: 10px 0 9px 0;
	}

	.index-a-list .xs .title {
		width: calc(100% - 90px);
	}

	.index-a-list .xs>a:after {
		right: 0;
	}

	.index-a-list .xs .type {
		display: none;
	}

	.features ul li {
		width: 47% !important;
	}

	.sy_pp ul li {
		width: 47% !important;
	}

	.news .item {
		margin-bottom: 0px;
	}

	.news .left {
		display: none;
	}

	.news .right {
		width: 98%;
		border-bottom: 1px solid #eee;
		padding-bottom: 3%;
	}

	.cpxq_t_l {
		width: 100%;
	}

	.cpxq_t_r {
		width: 100%;
	}

	.products ul li {
		width: 47%;
	}
}